@charset "UTF-8";
:root{--max-width:600px;}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html,body,#app{min-height:100%;background-color:#f3f3f3;}
body,ul,li{margin:0;padding:0;}
li{list-style:none;}
a{text-decoration:inherit;color:inherit;-webkit-tap-highlight-color:rgba(255, 255, 255, 0);-webkit-user-select:none;-moz-user-focus:none;-moz-user-select:none;}
input{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
input,textarea,button,select{outline:none;}
#app{position:relative;width:100%;max-width:600px;margin:auto;font-size:1.6rem;font-family:'Microsoft YaHei', Arial, Helvetica, sans-serif;visibility:hidden;opacity:0;transition:linear 0.2s;}
#app.on{visibility:visible;opacity:1;}
.clamp{overflow:hidden;}
.link-success{color:#7cc0a9;}
.link-warning{color:#d59d6b;}
.link-danger{color:#fe7d7d;}
.link-primary{color:#5d5def;}
.label{display:inline-block;padding:0.3rem 0.8rem;border-radius:1rem;background-color:#666;color:#fff;font-size:1rem;font-weight:normal;line-height:normal;}
.label-success{background-color:#7cc0a9;}
.label-warning{background-color:#d59d6b;}
.label-danger{background-color:#fe7d7d;}
.label-primary{background-color:#5d5def;}
.label-info{background-color:#8eb3d4;}
.label-dark{background-color:#2c2c2c;}
.badge{display:inline-block;width:0.8rem;height:0.8rem;background-color:#ccc;border-radius:50%;vertical-align:middle;}
.badge.badge-danger{background-color:#fe7d7d;}
.btn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;padding:1rem 2rem;font-size:2rem;border:1px solid #ccc;background-color:#fff;color:#888;transition:linear 0.2s;outline:none;}
.btn.btn-small{width:auto;font-size:1rem;padding:.4rem 1.2rem;}
.btn.btn-half-round{border-radius:0.8rem;}
.btn:hover,.btn:active{border:1px solid #b3b3b3;}
.btn.btn-success{background-color:#7cc0a9;border:1px solid #7cc0a9;color:#fff;}
.btn.btn-success:hover,.btn.btn-success:active{border:1px solid #4bb995;background-color:#4bb995;}
.btn.btn-warning{background-color:#d59d6b;border:1px solid #d59d6b;color:#fff;}
.btn.btn-warning:hover,.btn.btn-warning:active{border:1px solid #cf894b;background-color:#cf894b;}
.btn.btn-danger{background-color:#fe7d7d;border:1px solid #fe7d7d;color:#fff;}
.btn.btn-danger:hover,.btn.btn-danger:active{border:1px solid #ff5c5c;background-color:#ff5c5c;}
.btn.btn-primary{background-color:#5d5def;border:1px solid #5d5def;color:#fff;}
.btn.btn-primary:hover,.btn.btn-primary:active{border:1px solid #251fce;background-color:#251fce;}
.btn.btn-light{border:1px solid #fff;}
.btn.btn-dark{border:1px solid #2c2c2c;background-color:#2c2c2c;color:#fff;}
.dropload-up,.dropload-down{position:relative;height:0;overflow:hidden;font-size:12px;undefined:undefined;-webkit-transform:translateZ(0);transform:translateZ(0);}
.dropload-down{height:50px;}
.dropload-refresh,.dropload-update,.dropload-load,.dropload-noData{height:50px;line-height:50px;text-align:center;}
.dropload-load .loading{display:inline-block;height:15px;width:15px;border-radius:100%;margin:6px;border:2px solid #666;border-bottom-color:transparent;vertical-align:middle;-webkit-animation:rotate 0.75s linear infinite;animation:rotate 0.75s linear infinite;}
.toast{position:fixed;z-index:10;top:0;left:0;width:100%;height:100%;text-align:center;visibility:hidden;opacity:0;transition:.15s linear;}
.toast.on{visibility:visible;opacity:1;}
.toast .toast-box{position:relative;top:40%;display:inline-block;padding:0 2rem;background-color:rgba(0, 0, 0, 0.7);color:#fff;font-size:1.4rem;line-height:3em;border-radius:4px;}
.loading{position:fixed;z-index:10;top:0;left:0;width:100%;height:100%;text-align:center;visibility:hidden;opacity:0;transition:.15s linear;}
.loading.on{visibility:visible;opacity:1;}
.loading .loading-box{position:relative;top:40%;display:inline-block;padding:0 2rem;background-color:rgba(0, 0, 0, 0.7);color:#fff;font-size:1.4rem;border-radius:4px;line-height:3rem;}
.loading .loading-box i{line-height:inherit;}
.media{position:fixed;z-index:10;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;text-align:center;visibility:hidden;opacity:0;transition:.15s linear;background-color:rgba(0, 0, 0, 0.6);}
.media.on{visibility:visible;opacity:1;}
.media.on .media-box{transform:translateY(0);}
.media .media-box{position:relative;width:80%;max-height:80%;min-height:1rem;padding:0 1rem;background-color:#fff;font-size:1rem;line-height:3em;border-radius:4px;transform:translateY(-1rem);transition:linear .15s;}
.media .media--header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed #ccc;font-size:1.6rem;line-height:3.8rem;}
.media .media--body{min-height:6rem;max-height:50%;padding:0.6rem 0;overflow-y:auto;}
.media .media--footer{display:flex;justify-content:flex-end;align-items:center;padding:0.8rem 0;border-top:1px dashed #ccc;font-size:1.6rem;}
.media .media--footer .btn{margin-left:0.8rem;padding:.8rem 1.8rem;font-size:1.4rem;}
.confirm{position:fixed;z-index:10;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;text-align:center;visibility:hidden;opacity:0;transition:.15s linear;background-color:rgba(0, 0, 0, 0.6);}
.confirm.on{visibility:visible;opacity:1;}
.confirm.on .confirm-box{transform:translateY(0);}
.confirm .confirm-box{position:relative;width:70%;max-height:80%;min-height:1rem;background-color:#fff;font-size:1rem;line-height:3em;border-radius:4px;transform:translateY(-1rem);transition:linear .15s;overflow:hidden;}
.confirm .confirm--title{padding:1.2rem 0;font-size:1.4rem;text-align:center;}
.confirm .confirm--button{display:flex;justify-content:space-around;align-items:center;font-size:1.4rem;}
.confirm .confirm--button > *{width:100%;padding:0.7rem 0;font-size:inherit;color:inherit;}
.confirm .confirm--button .confirm-complete{color:#fff;background-color:#5d5def;border-top:1px solid #5d5def;}
.confirm .confirm--button .confirm-close{border-top:1px solid #f0f0f0;}
.half-screen-dialog{visibility:hidden;position:fixed;z-index:10;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.6);opacity:0;transition:linear 0.2s 0.2s;}
.half-screen-dialog.on{visibility:visible;opacity:1;transition:linear 0.2s;}
.half-screen-dialog .half-screen-dialog--header{height:2rem;text-align:center;}
.half-screen-dialog .half-screen-dialog--body{padding:0 2rem 1rem;max-height:calc(100% - 7rem);overflow-y:auto;-webkit-overflow-scrolling:touch;}
.half-screen-dialog .half-screen-dialog--footer{position:absolute;z-index:2;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;margin:auto;padding:1rem 2rem;font-size:1.6rem;color:#9f9f9f;}
.half-screen-dialog .half-screen-dialog--footer .btn{padding:0.4rem 1.8rem;font-size:1.6rem;}
.half-screen-dialog .half-screen-dialog-box{position:absolute;z-index:1;top:0;bottom:0;right:-100%;width:70%;height:100%;background-color:#fff;}
div{color:dodgerblue;}
